import React from 'react'
import EChartsReact from 'echarts-for-react'

export default function Salary() {
  const getOption = () => {
    return {
      tooltip: {
        trigger: 'axis',
        axisPointer: {            // 坐标轴指示器，坐标轴触发有效
          type: 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
        }
      },
      legend: {
        data: ['销售']
      },
      grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
      },
      xAxis: [
        {
          type: 'category',
          data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
          axisTick: {
            alignWithLabel: true
          }
        }
      ],
      yAxis: [
        {
          type: 'value'
        }
      ],
      series: [
        {
          name: '销售',
          type: 'bar',
          barWidth: '60%',
          data: [100, 52, 200, 334, 390, 330, 220]
        }
      ]
    }
  }
  return (
    <div>
      <EChartsReact option={getOption()} style={{ height: "350px", width: "50%" }} className='react_for_echarts'></EChartsReact>
    </div>
  )
}
